<template>
  <view>
    <loginInfo></loginInfo>
    <div class="gridTiem">
      <div class="grid">
        <view class="title2">
          <uni-icons type="wallet" size="21" color="#979191" @click="gotopersonalData"></uni-icons>
          <span class="text">个人资料</span>
        </view>
        <view class="title2">
          <uni-icons type="person-filled" size="21" color="#979191"></uni-icons>
          <span class="text">我的关注</span>
        </view>
        <view class="title2" @click="wdzj">
          <uni-icons type="chat-filled" size="21" color="#979191"></uni-icons>
          <span class="text">我的评价</span>
        </view>
        <view class="title2">
          <uni-icons type="mail-open" size="21" color="#979191"></uni-icons>
          <span class="text">已联系家政员</span>
        </view>
      </div>
    </div>
    <div class="tabTop">
      <navigator class="tab1">
        <div>
          <uni-icons type="settings-filled"></uni-icons>
          <span>找家政服务</span>
        </div>
        <uni-icons type="forward"></uni-icons>
      </navigator>
      <navigator class="tab2">
        <div>
          <uni-icons type="tune-filled"></uni-icons>
          <span>家政求职记录</span>
        </div>
        <uni-icons type="forward"></uni-icons>
      </navigator>
    </div>
    <div class="tabBottom">
      <navigator class="tab1" @click="login">
        <div>
          <uni-icons type="checkbox-filled"></uni-icons>
          <span>身份认证通道</span>
        </div>
        <uni-icons type="forward"></uni-icons>
      </navigator>
      <navigator class="tab2"  @click="gywm">
        <div>
          <uni-icons type="info"></uni-icons>
          <span>关于我们</span>
        </div>
        <uni-icons type="forward"></uni-icons>
      </navigator>
    </div>
  </view>
</template>

<script>
  export default {
    data() {
      return {
      };
    },
    methods: {
      gotopersonalData(){
        uni.navigateTo({
         url:'/subpkg/personalData/personalData'
        
        });
      },
      wdzj(){
        uni.navigateTo({
          url:'/subpkg/about_empoly/about_empoly'
        })
      },
      login() {
        console.log(111);
        uni.navigateTo({
          url:'/pages/login/login'
        })
      }
    },
  }
</script>
>>>>>>> rs

<style lang="scss">
  .gridTiem {
    width: 342px;
    height: 81px;
    margin: 0 auto;

    .grid {
      display: flex;
      width: 342px;
      height: 81px;
      transform: translate(0px, -30px);
      background-color: #fff;

      .title2 {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .text {
          font-size: 20rpx
        }
      }
    }
  }

  .tabTop,
  .tabBottom {
    height: 115px;
    box-sizing: border-box;
    padding:0 23px;
    background-color: #ffffff;
    margin:7px 0; 
  }

  .tabTop {
    .tab1,.tab2 {
      box-sizing:border-box;
      padding:18px 0;
      display: flex;
      justify-content: space-between;
      height: 57px
    }
    .tab1{
      border-bottom:1px solid #eeecec;
    }
  }
  .tabBottom {
    .tab1,.tab2 {
      box-sizing:border-box;
      padding:18px 0;
      display: flex;
      justify-content: space-between;
      height: 57px
    }
    .tab1{
      border-bottom:1px solid #eeecec;
    }
  }
</style>
